<template>
  <Poptip placement="right" width="400" @on-popper-show="showFlag=true">
    <Button>{{user.nickname}}</Button>
    <div slot="content">
      <div v-if="showFlag">{{ user.id}}</div>
    </div>
  </Poptip>
</template>

<script>
export default {
  props: {
    user: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      showFlag: false
    };
  }
};
</script>

<style>
</style>
